{% extends "base.html" %}

{% block title %}Events List{% endblock %}
{% block url %}http://localhost{%url 'events:list' %}{% endblock %}

{% block content %}

{% for event in events %}
	<a href="{% url 'events:detail' event.id %}">{{ event.name }}</a> <br/>
{% empty %}
	No events exist
{% endfor %}
<br />
<br />
<div id="fb-root"></div>
<script>
(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=140714289449035";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-comments" data-href="https://www.facebook.com/pages/Studentorganization-Community/251920271620855?notif_t=fbpage_admin" data-width="470" data-num-posts="10"></div>
{% endblock %}
